<template>
	<div class="personnelAdd">
		<el-breadcrumb separator="/">
			<el-breadcrumb-item :to="{ path: '/abnormal' }"><i class="lh fw_300 lh-diaodu fz_20"></i></el-breadcrumb-item>
			<el-breadcrumb-item :to="{ path: '/abnormal' }">调度中心</el-breadcrumb-item>
			<!-- <el-breadcrumb-item :to="{ path: '/roleList' }">订单列表</el-breadcrumb-item> -->
			<el-breadcrumb-item>新增订单</el-breadcrumb-item>
		</el-breadcrumb>

		<div class="content_Box box-shadow mt_15 px_10">
			<h4 class="border-bottom pb_10 mb_20">新增订单</h4>
			<el-form label-width="100px" class="mw_400">
				<el-form-item label="店铺名称" :required="true">
					<el-autocomplete
						class="w_100p"
						v-model="shop_name"
						:fetch-suggestions="querySearch"
						placeholder="店铺名称"
						:trigger-on-focus="false"
						@select="handleSelect"
					></el-autocomplete>
				</el-form-item>
				<el-form-item label="岗位名称" :required="true">
					<el-select class="w_100p" v-model="type_arr" placeholder="请选择" @change="changeBtndialogtype">
						<!-- <el-option
							v-for="item in demandList"
							:key="item.id"
							:label="item.label_name"
							:value="`${item.id}|${item.label_name}`"
						></el-option> -->
						<el-option
							v-for="(item, index) in industryJobList"
							:key="index"
							:label="item.label_name"
							:value="`${item.id}|${item.label_name}`"
						></el-option>
					</el-select>
				</el-form-item>
				<el-form-item label="备注">
					<el-input
						type="textarea"
						:rows="8"
						:cols="44"
						maxlength="100"
						show-word-limit
						placeholder="请输入内容"
						v-model="remark"
					></el-input>
				</el-form-item>

				<el-form-item label="商户单价" :required="true">
					<el-input disabled v-model="price_b" class="text_r"><template slot="append">元/小时</template></el-input>
				</el-form-item>
				<el-form-item label="劳动者单价" :required="true">
					<el-input disabled v-model="price_c" class="text_r"><template slot="append">元/小时</template></el-input>
				</el-form-item>
				<el-form-item label="需要人数" class="text_r" :required="true">
					<el-input v-model="neednum"><template slot="append">人</template></el-input>
				</el-form-item>

				<el-form-item label="用工开始日期" :required="true">
					<!-- <el-date-picker
						class="w_100p"
						type="date"
						value-format="yyyy-MM-dd"
						placeholder="开工日期"
						:picker-options="pickerOptions0"
						v-model="start_time"
					>
					</el-date-picker> -->
					<el-input class="w_180" v-model="start_time" disabled></el-input>
					<el-button type="primary" size="small" @click="showCalendar">选择日期</el-button>
				</el-form-item>
				<el-form-item label="用工天数" :required="true">
					<el-input-number v-model="period" :step="1" :min="1" step-strictly></el-input-number>
				</el-form-item>

				<el-form-item label="计划用工时长" :required="true">
					<el-input-number v-model="timelong" :step="0.5" :min="3" step-strictly></el-input-number>
					<small>（每次加减0.5）</small>
				</el-form-item>
				<el-form-item label="用工时间段" :required="true">
					<el-col :span="11">
						<el-time-select
							class="w_100p"
							v-model="kg_start_time"
							:picker-options="{
								start: '00:00',
								step: '00:30',
								end: '24:00'
							}"
							placeholder="开始时间"
						></el-time-select>
					</el-col>
					<el-col class="line" :span="2">~</el-col>
					<el-col :span="11">
						<el-form-item required>
							<el-input v-model="end_time" disabled placeholder="结束时间"></el-input>
						</el-form-item>
					</el-col>
				</el-form-item>

				<el-form-item label="工作地址" :required="true">
					<el-input v-model="address" disabled></el-input>
				</el-form-item>

				<el-form-item label="合计费用">
					<div style="color: #e99d42;">¥{{ totalCost }}元</div>
				</el-form-item>

				<el-form-item label="店铺账户余额">
					<div style="color: #c72a29;">¥{{ amount }}元</div>
				</el-form-item>

				<el-form-item label="可用余额">
					<div style="color: #c72a29;">¥{{ Math.round((amount + overdraft) * 100) / 100 }}元</div>
				</el-form-item>

				<!-- <el-form-item class="my_20">
					<el-button round type="success" @click="submitBtn(1)" v-if="id == ''" :disabled="totalCost > amount"
						>余额支付并下单</el-button
					>
					<el-button round type="primary" @click="submitBtn(2)" v-if="id != ''">修改并发布</el-button>
					<el-button round type="primary" @click="submitBtn(2)" v-if="id != ''">修改并发布</el-button>
					<el-button round @click="back">返回</el-button>
				</el-form-item> -->

				<!-- 新增 -->
				<el-form-item class="my_20" v-if="id == ''">
					<el-button
						round
						type="success"
						@click="submitBtn(1)"
						v-if="payInAdvance == 1"
						:disabled="totalCost > amount + overdraft"
						>余额支付并下单</el-button
					>
					<el-button round type="success" @click="submitBtn(1)" v-if="payInAdvance == 2">保存并发布</el-button>
					<el-button round @click="back">返回</el-button>
				</el-form-item>

				<!-- 修改 -->
				<el-form-item class="my_20" v-if="id != ''">
					<el-button round type="success" @click="submitBtn(2)" v-if="payInAdvance == 1">保存</el-button>
					<el-button round type="success" @click="submitBtn(2)" v-if="payInAdvance == 2">修改并发布</el-button>
					<el-button round @click="back">返回</el-button>
				</el-form-item>
			</el-form>
		</div>
		<!-- 用工开始日期 -->
		<el-dialog
			title="开工日期"
			:visible.sync="show_alendar"
			width="860px"
			:before-close="toClose"
			:close-on-click-modal="false"
		>
			<div class="wrap-el-calendar">
				<el-calendar v-model="currentDate">
					<!-- 这里使用的是 2.5 slot 语法，对于新项目请使用 2.6 slot 语法-->
					<template slot="dateCell" slot-scope="{ date, data }">
						<p :class="data.isSelected ? 'is-selected' : ''">
							{{ data.day.split('-').slice(1).join('-') }} {{ data.isSelected ? '✔️' : '' }}
						</p>
						<div class="el-calendar-text">
							{{ dealMyDate(data.day) }}
						</div>
					</template>
				</el-calendar>
			</div>
			<div slot="footer" class="dialog-footer">
				<span class="btnOK mr_20" @click="toClose()">确 定</span>
				<!-- <span class="resetBtn" @click="show_alendar = false">关 闭</span> -->
			</div>
		</el-dialog>

		<!-- 弹窗 - 查询是否有未支付的账单 -->
		<el-dialog title="未支付订单" :visible.sync="unpaidBill" width="560px" :close-on-click-modal="false">
			<div class="auditCentent">
				<span>{{ unpaidBillMsg }}</span>
			</div>
			<div slot="footer" class="dialog-footer">
				<!-- <span class="btnOK mr_20" @click="toPay()">去支付</span> -->
				<span class="resetBtn" @click="unpaidBill = false">确 定</span>
			</div>
		</el-dialog>
	</div>
</template>

<script>
var common = require('../../../static/tool.js')
import { getShopPremium, getAccountInfo, getShopInfo, getShopOrder, fetListForOrder } from '@/api/shop.js'
export default {
	name: 'RoleAdd',
	data() {
		return {
			id: '',
			sn: '',
			windowSizeHeight: document.documentElement.clientHeight, //浏览器可视化窗口的大小
			screenHeight: document.documentElement.clientHeight,
			manageInfo: JSON.parse(sessionStorage.getItem('manageInfo')), //登录信息
			url: common.url,
			cityList: [], //城市列表
			// 城市相关信息
			city_arr: '',
			city_id: '',
			city_name: '',
			city_sn: '',
			selects: [],
			// 区域信息
			area_id: '',
			area_name: '',
			//店铺列表
			shopList: [],
			//店铺id
			shop_id: '',
			//账户编号
			account_sn: '',
			//店铺sn
			shop_sn: '',
			//店铺名
			shop_name: '',
			// 店铺坐标
			location: '',
			//商户ID
			business_id: '',
			//任务标签列表
			type_arr: [],
			//标签名称
			label_name: '',
			// 标签id
			label_id: '',
			//备注
			remark: '',
			//商户单价
			price_b: '',
			//劳动者单间
			price_c: '',
			// 需要人数
			neednum: '',
			//计划用工时长
			timelong: '',
			//用工天数
			period: '',
			// 工作地址
			address: '',
			address2: '',
			address3: '',
			// 用工开始时间
			start_time: '',
			currentDate: '',
			// 用工结束时间
			// end_time: "",
			//开工时间
			kg_start_time: '00:00',
			demandList: [],
			// 设置只能选择当前日期及之后的日期
			pickerOptions0: {
				disabledDate(time) {
					return time.getTime() < Date.now() - 8.64e7 //如果没有后面的-8.64e7就是不可以选择今天的
				}
			},
			diaTitle: '', //弹框title,
			amount: 0, //店铺账户余额,
			overdraft: 0, //透支额度,
			show_alendar: false,
			alendar_list: [],
			payInAdvance: 2, //1:开通预付 2:未开通预付
			industryJobList: [],
			all_business_id: '',
			unpaidBill: false, //有未支付的周结账单
			unpaidBillMsg: '' //未支付订单文案
		}
	},
	watch: {
		// 用工开始日期改变进行监听
		start_time(newValue, oldValue) {
			if (oldValue != '') {
				// 用工时间段调用
				this.SetKg_start_time()
			}
		},
		currentDate(date) {
			this.start_time = this.$moment(date).format('YYYY-MM-DD')
			this.price_b = (this.alendar_list.filter(x => x.date == this.start_time)[0].price_b / 100).toFixed(2)
			this.price_c = (this.alendar_list.filter(x => x.date == this.start_time)[0].price_c / 100).toFixed(2)
		}
	},
	computed: {
		end_time: function () {
			var message = common.getConvertTime(this.kg_start_time.toString()) + this.timelong
			message = message % 24
			return common.getReversalTime(message)
		},
		// formatSchedule() {
		//   return data => {
		//     return this.schedule.filter(ele => {
		//       let time = moment(Number(ele.start_time * 1000)).format('YYYY-MM-DD')   // 将时间戳转格式
		//       return moment(time).isSame(data.day)  // 日历的时间是否和返回数据里的数据一样,返回的是布尔值
		//     })
		//   }
		// }
		// 合计费用
		totalCost: function () {
			if (this.price_b && this.period && this.timelong && this.neednum) {
				var count = Math.round(this.price_b * this.period * this.timelong * this.neednum * 100) / 100
				return count
			} else {
				return 0
			}
		}
	},
	created() {
		//判断是否是从店铺监控进来的页面
		if (this.$route.query.shop_id) {
			this.shop_id = this.$route.query.shop_id
			this.shop_sn = this.$route.query.shop_sn
			this.shop_name = this.$route.query.shop_name
			this.handleSelect({ 
				shop_sn: this.$route.query.shop_sn,
				id: this.$route.query.shop_id,
			 })
		}
		if (this.$route.query.id) {
			this.id = this.$route.query.id //接收传参
			// 查询相关详情
			let fn = new FormData()
			fn.append('id', this.$route.query.id) //商铺ID
			this.$http.post(this.url + '/demand/info', fn).then(
				res => {
					if (res.data.msg == '查询成功!' || res.data.code == '200') {
						var message = res.data.data
						this.shop_id = message.shop_id
						this.shop_sn = message.shop_sn
						this.location = message.location
						this.sn = message.sn
						this.shop_name = message.shop_name
						this.area_id = message.area_id
						this.area_name = message.area_name
						this.label_id = message.label_id.toString()
						this.label_name = message.label_name
						this.type_arr = message.label_id + '|' + message.label_name
						this.remark = message.info
						this.neednum = message.person_num
						this.price_b = message.price_b
						this.price_c = message.price_c
						this.person_num = message.person_num
						this.timelong = message.hours
						this.address = '[' + message.area_name + ']' + message.address
						this.address2 = message.address
						this.address3 = message.detailed_address
						this.city_id = message.city_id
						this.city_name = message.city_name
						this.business_id = message.business_id

						this.kg_start_time = common.getReversalTime(message.start_time)
						this.start_time = message.start_date
						this.period = message.period
						this.account_sn = message.account_sn
						this.payInAdvance = message.is_prepay
						this.all_business_id = message.industry
						this.fetchAccountInfo()

						let fn = new FormData()
						fn.append('shop_id', message.shop_id)
						fn.append('label_type', 'job_type')
						this.$http.post(this.url + '/label/industryJob', fn).then(
							res => {
								if (res.data.msg == '查询成功' || res.data.code == '200') {
									this.industryJobList = res.data.data
								} else if (res.data.code == '8886') {
									//code   8886  登录过期
									sessionStorage.clear()
									this.$alert('登录已过期，请重新登录 !', '提示', {
										confirmButtonText: '确定',
										callback: action => {
											window.location = 'login.html'
										}
									})
									return
								} else {
									this.$message.error(res.data.msg)
									return
								}
							},
							res => {
								this.$message.error('网络错误！')
								return
							}
						)
					} else if (res.data.code == '8886') {
						//code   8886  登录过期
						sessionStorage.clear()
						this.$alert('登录已过期，请重新登录 !', '提示', {
							confirmButtonText: '确定',
							callback: action => {
								window.location = 'login.html'
							}
						})
						return
					} else {
						this.$alert('<strong>' + res.data.msg + '</strong>', '提示', {
							dangerouslyUseHTMLString: true
						})
						return
					}
				},
				res => {
					this.$message.error('网络错误！')
					return
				}
			)
		}
	},
	mounted() {
		this.getcityList()
	},
	methods: {
		orderFocus() {
			console.log(this.shop_name)
			if (!this.shop_name) {
				console.log('111')
				this.shopList = []
				this.total = 0
			}
		},
		submitBtn(e) {
			// 新增以及修改的接口
			if (
				this.shop_name == '' ||
				this.label_name == '' ||
				this.label_id == '' ||
				this.price_b == '' ||
				this.price_c == '' ||
				this.neednum == '' ||
				this.timelong == '' ||
				this.address == '' ||
				this.start_time == '' ||
				this.end_time == '' ||
				this.kg_start_time == ''
			) {
				this.$message.error('请填写必填项')
				return
			}
			let fn = new FormData()
			if (e == 2) {
				fn.append('sn', this.sn)
			}
			if (this.shop_name == '') {
				this.shop_id = ''
			}
			fn.append('shop_id', this.shop_id)
			fn.append('shop_sn', this.shop_sn)
			fn.append('location', JSON.stringify(this.location))
			fn.append('label_id', this.label_id)
			fn.append('label_name', this.label_name)
			fn.append('info', this.remark)
			fn.append('price_b', this.price_b)
			fn.append('price_c', this.price_c)
			fn.append('person_num', this.neednum)
			fn.append('hours', this.timelong)
			fn.append('address', this.address2 + this.address3)
			fn.append('area_id', this.area_id)
			fn.append('city_id', this.city_id)
			fn.append('business_id', this.business_id)
			fn.append('industry', this.all_business_id)

			fn.append('start_date', this.start_time) //用工开始日期
			fn.append('start_time', common.getConvertTime(this.kg_start_time)) //用工开始时间
			fn.append('end_time', common.getConvertTime(this.end_time)) //用工结束时间(用工开始时间 +  预计时长)
			fn.append('period', this.period) //用工天数
			fn.append('money', this.totalCost) //合计费用

			this.$http.post(this.url + '/demand/save', fn).then(
				res => {
					// console.log(res);
					if (res.data.msg == '操作成功！' || res.data.code == '200') {
						this.$message.success('操作成功')
						if (e == 2) {
							this.back()
						} else {
							this.fetchAccountInfo()
						}
					} else if (res.data.code == '8886') {
						//code   8886  登录过期
						sessionStorage.clear()
						this.$alert('登录已过期，请重新登录 !', '提示', {
							confirmButtonText: '确定',
							callback: action => {
								window.location = 'login.html'
							}
						})
						return
					} else {
						this.$message.error(res.data.msg)
						return
					}
				},
				res => {
					this.$message.error('网络错误！')
					return
				}
			)
		},
		getcityList() {
			//获取城市列表
			let fn = new FormData()
			this.$http.post(this.url + '/city/list', fn).then(
				res => {
					if (res.data.msg == '查询成功' || res.data.code == '200') {
						this.cityList = res.data.data.list
					} else if (res.data.code == '8886') {
						//code   8886  登录过期
						sessionStorage.clear()
						this.$alert('登录已过期，请重新登录 !', '提示', {
							confirmButtonText: '确定',
							callback: action => {
								window.location = 'login.html'
							}
						})
						return
					} else {
						this.$message.error(res.data.msg)
						return
					}
				},
				res => {
					this.$message.error('网络错误！')
					return
				}
			)
		},
		changeBtndialog() {
			let [id, name, code] = this.city_arr.split('|') // es6 数组解构赋值
			this.city_id = id.toString()
			this.city_name = name.toString()
			this.city_sn = code.toString()
		},
		back() {
			//返回
			this.$router.go(-1)
		},
		//店铺的自动完成
		async querySearch(queryString, cb) {
			if (queryString) {
				try {
					let ret = await fetListForOrder({
						sign_status: 30, //已合作的店铺
						status: 1, //启用的店铺
						// fields: 'id,shop_sn,business_sn,area_id,city_id',
						name: queryString
					})
					ret.list.forEach(item => {
						item.value = item.name
					})
					var restaurants = ret.list
					var results = queryString ? restaurants.filter(this.createFilter(queryString)) : restaurants
					cb(results)
				} catch (err) {
					console.log('error:', err)
				}
			}
		},
		createFilter(queryString) {
			return shop_name => {
				return shop_name.value.toLowerCase().indexOf(queryString.toLowerCase()) === 0
			}
		},
		async handleSelect(items) {
			try {
				let ret = await getShopOrder({
					shop_sn: items.shop_sn
				})
				if (ret.code == 400) {
					this.unpaidBillMsg = ret.msg
					this.unpaidBill = true
				}
			} catch (err) {
				console.log(err)
			}

			let item = await getShopInfo({
				id: items.id
			})
			// console.log(item)
			this.shop_id = items.id
			this.account_sn = item.balance_account_sn
			this.shop_sn = item.shop_sn
			this.area_id = item.area_id
			this.area_name = item.area_name
			this.city_id = item.city_id
			this.city_name = item.city_name
			this.address = '【' + item.area_name + '】' + item.address
			this.address2 = item.address
			this.address3 = item.detailed_address
			this.business_id = item.business_id
			this.payInAdvance = item.is_prepay
			//新增和修改需求接口新增字段location
			this.location = item.location
			//判断岗位名称是否存在，存在的话进行请求接口
			if (this.type_arr != '') {
				this.changeBtndialogtype()
			} else {
				this.price_b = ''
				this.price_c = ''
			}

			this.all_business_id = item.industry_id

			// 用工时间段调用
			this.SetKg_start_time()
			this.fetchAccountInfo()

			this.type_arr = ''
			// this.alljob_type()
			let fn = new FormData()
			fn.append('shop_id', items.id)
			fn.append('label_type', 'job_type')
			this.$http.post(this.url + '/label/industryJob', fn).then(
				res => {
					if (res.data.msg == '查询成功' || res.data.code == '200') {
						this.industryJobList = res.data.data
					} else if (res.data.code == '8886') {
						//code   8886  登录过期
						sessionStorage.clear()
						this.$alert('登录已过期，请重新登录 !', '提示', {
							confirmButtonText: '确定',
							callback: action => {
								window.location = 'login.html'
							}
						})
						return
					} else {
						this.$message.error(res.data.msg)
						return
					}
				},
				res => {
					this.$message.error('网络错误！')
					return
				}
			)
		},
		changeBtndialogtype() {
			let [id, name] = this.type_arr.split('|') // es6 数组解构赋值
			this.label_id = id
			this.label_name = name
			//查询获取店铺规则
			let fn = new FormData()
			if (this.shop_name == '') {
				this.shop_id = ''
			}
			fn.append('shop_id', this.shop_id)
			fn.append('shop_sn', this.shop_sn)
			fn.append('label_id', id)
			this.$http.post(this.url + '/prices/shopPrice', fn).then(
				res => {
					if (res.data.msg == '查询成功！' || res.data.code == '200') {
						if (res.data.msg == '查询成功！') {
							this.price_b = (res.data.data.price_b / 100).toFixed(2)
							this.price_c = (res.data.data.price_c / 100).toFixed(2)
						} else {
							this.price_b = ''
							this.price_c = ''
						}
					} else if (res.data.code == '8886') {
						//code   8886  登录过期
						sessionStorage.clear()
						this.$alert('登录已过期，请重新登录 !', '提示', {
							confirmButtonText: '确定',
							callback: action => {
								window.location = 'login.html'
							}
						})
						return
					} else {
						// this.$message.error(res.data.msg);
						// return;
						this.price_b = ''
						this.price_c = ''
					}
				},
				res => {
					this.$message.error('网络错误！')
					return
				}
			)

			// 用工时间段调用
			this.SetKg_start_time()
		},
		//标签接口
		alljob_type() {
			let fn = new FormData()
			fn.append('label_type', 'job_type')
			this.$http.post(this.url + '/label/list', fn).then(
				res => {
					if (res.data.msg == '查询成功' || res.data.code == '200') {
						this.demandList = res.data.data
					} else if (res.data.code == '8886') {
						//code   8886  登录过期
						sessionStorage.clear()
						this.$alert('登录已过期，请重新登录 !', '提示', {
							confirmButtonText: '确定',
							callback: action => {
								window.location = 'login.html'
							}
						})
						return
					} else {
						this.$message.error(res.data.msg)
						return
					}
				},
				res => {
					this.$message.error('网络错误！')
					return
				}
			)
		},
		getReversalTimes(value) {
			value = value % 24
			return common.getReversalTime(value)
		},
		// 用工时间段设置
		SetKg_start_time() {
			if (
				this.shop_sn != '' &&
				this.shop_name != '' &&
				this.type_arr != '' &&
				this.start_time != '' &&
				this.shop_sn != null &&
				this.shop_name != null &&
				this.type_arr != null &&
				this.start_time != null
			) {
				var arr = this.type_arr.split('|')
				let fn = new FormData()
				fn.append('shop_sn', this.shop_sn)
				fn.append('job_type', arr[0])
				fn.append('date', this.start_time)
				fn.append('shop_id', this.shop_id)
				this.$http.post(this.url + '/abnormal/listDemandMonitorInfo', fn).then(
					res => {
						if (res.data.msg == '操作成功！' || res.data.code == '200') {
							// console.log(res.data.data.again_demand.start_time);
							var again_demand = res.data.data.again_demand
							if (again_demand.start_time != undefined) {
								this.kg_start_time = again_demand.start_time
								this.timelong = again_demand.hours
							} else {
								this.kg_start_time = '00:00'
								this.timelong = 3
							}
						}
					},
					res => {}
				)
			} else {
				this.kg_start_time = '00:00'
				this.timelong = 3
			}
		},
		async showCalendar() {
			if (this.shop_name && this.type_arr) {
				//获取加价列表
				try {
					let ret = await getShopPremium({
						shop_sn: this.shop_sn,
						shop_id: this.shop_id,
						label_id: this.label_id,
						start_date: this.$moment().format('YYYY-MM-DD'),
						end_date: this.$moment().add('month', 1).format('YYYY-MM-DD')
					})

					ret = ret.map(it => ({ ...it, price: (it.price / 100).toFixed(2) }))
					this.show_alendar = true
					this.alendar_list = ret
				} catch (err) {}
			} else {
				this.$message.error('请选择店铺名称及岗位名称！')
			}
		},
		dealMyDate(day) {
			if (this.alendar_list.filter(x => x.date == day).length > 0) {
				return '¥' + (this.alendar_list.filter(x => x.date == day)[0].price_b / 100).toFixed(2)
			}
		},
		async fetchAccountInfo() {
			try {
				let ret = await getAccountInfo({
					account_sn: this.account_sn,
					shop_sn: this.shop_id
				})
				this.amount = +ret.amount
				this.overdraft = +ret.overdraft
			} catch (err) {}
		},
		toClose() {
			if (this.$moment(this.start_time).isBefore(this.$moment().format('YYYY-MM-DD'))) {
				this.$message.error('开工日期不能在今天之前！')
				return
			}

			this.show_alendar = false
		}
	},
	filters: {}
}
</script>

<style scoped>
.row-info {
	padding: 10px 0;
}
.resetBtn,
.btnOK {
	padding: 0 30px;
}
.title-key {
	width: 100px;
}
.list-cont img {
	width: 128px;
}
</style>
<style>
.is-selected {
	color: #1989fa;
}

.wrap-el-calendar {
	width: 100%;
}

.el-calendar-text {
	color: #f56c6c;
}
</style>



// WEBPACK FOOTER //
// src/components/roledemand/Add.vue